<template>
  <div class="base-table-box">
    <div class="list-search">
      <!-- 检索 -->
      <div class="list-search-simple">
        <div class="search-inline">
          <div class="search-item">
            <!-- <s-select
              :selectOption="member.infoType"
              v-model="params.type"
              style="width: 102px"
            ></s-select> -->
          </div>
          <!-- <div class="search-item">
            <a-input placeholder="请输入搜索内容" />
          </div> -->

          <div class="search-item btn-group">
            <a-button type="primary">导出</a-button>
          </div>
        </div>
        <h5>政协第十四届合肥市委员会第四次会议统计总表</h5>
      </div>
    </div>
    <!-- 列表 -->
    <a-table
      style="margin-top: 10px"
      defaultExpandAllRows
      :expandIcon='()=>{}'
      :columns="columns"
      :data-source="tableData"
      :loading="loading"
      :scroll="{ x: '100%', y: '100%' }"
    >
    </a-table>
  </div>
</template>

<script>
const columns = [
  {
    title: '类型',
    dataIndex: 'key'
  },
  {
    title: '数目',
    dataIndex: 'name'
  },
  {
    title: '百分比',
    dataIndex: 'username'
  }
]

export default {
  data() {
    return {
      columns,

      //高级检索表单
      isShowForm: false,
      isActive: false,
      isClose: true,
      //普通检索参数
      params: {
        type: 'all'
      },
      //导入弹窗
      isShowModal: false,
      form: {},
      fileList: [],
      uploading: false,
      //table相关
      loading: false,
      tableData: []
    }
  },
  mounted() {},
  methods: {
    getTableData() {
      for (let i = 0; i < 8; i++) {
        this.tableData.push({
          id: `ID${i}99`,
          key: i + 99,
          name: `King ${i}99`,
          username: `Park ${i}99`,
          children: [
            {
              id: `ID${i}`,
              key: i + 1,
              name: `King ${i}`,
              username: `Park ${i}`
            }
          ]
        })
      }
      this.tableData.push({})
      this.tableData.push({
        id: `ID99`,
        key: 99,
        name: `King 99`,
        username: `Park 99`
      })
    }
  },
  created() {
    this.getTableData()
  }
}
</script>
<style lang='less' scoped>
/**modal样式 */
.s-modal {
  a {
    color: blue;
  }
}
/deep/.ant-form {
  padding: 0px 0px 0px 15px;
}
h5 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
}
/deep/ .ant-table-row-level-1{
  td{
    &:nth-of-type(1){
      padding-left: 40px;
    }
  }
}
</style>